import store from '@/store'
import axios from 'axios'
import { Promise } from 'core-js'
import { Message } from 'element-ui'
import router from '@/router'

// import
// 封装axios配置项
const request = axios.create({
  // baseURL: './api',
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 5000
})

request.interceptors.request.use(config => {
  // config 当前去请求的配置
  // console.log('');
  // 如果有token就带上(把tokens设置在请求头里面)
  const token = store.state.user.token
  console.log('token', token)
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
  }
  return config
}, error => {
  return Promise.reject(error)
})
// 补充响应拦截前期
request.interceptors.response.use(response => {
  // 判断是不是Blob
  if (response.data instanceof Blob) {
    return response.data
  }
  // console.log(response.data.success)
  // 判断本次操作是否达成预期(后端约定成功,success=true)
  if (response.data.success) {
    // console.log(response)
    return response.data
    // 额外处理返回结果是Blob的情况
  } else {
    // 提示用户错误信息
    Message.error(response.data.message)
    return Promise.reject(response.data.message)
  }
}, error => {
  if (error.response.status === 401) {
    Message.error('token失效')
    // 清空本地的信息 - 调用action
    store.dispatch('user/logout')
    // 回去登录页面
    router.push('/login')
  }
  return Promise.reject(error)
})

export default request
